<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<form action="#">
<!--    input 控件
type设置控件类型
text 普通文本输入框 password 密码输入框
submit 提交按钮-->
<!--    name 控制名称-->
    用户名：<input type="text" name="username" value="" placeholder="请输入用户姓名"><br>
    昵称:<input type="text" name="nickname" value="达拉崩吧" readonly><br>
    密码：<input type="password" name="pwd" value="123" maxlength="6"><br>
<!--    radio单选，
多个选项必须设置成同一个name 属性分到同一个单选组里才能实现单选
还必须给每个选项设置value，也就是这个选项的值，否则提交的是no
checked 设置当前默认选项-->
    性别：
    <input type="radio" name="gender" value="1" checked>男
    <input type="radio" name="gender" value="0">女
    <br>
    爱好：
    <input type="checkbox" name="like" value="ks">看书
    <input type="checkbox" name="like" value="dy">电影
    <input type="checkbox" name="like" value="yy" checked>游泳
    <input type="checkbox" name="like" value="yx">游戏
    <br>
    喜欢的颜色：<input type="color" name="color"> <br>
    文件：<input type="file" name="file">文件
    生日：<input type="date" name="birthday">
    <br>
    <input type="checkbox" id="agree">
    <label for="agree">我同意以上协议</label>
    <hr>
    喜欢的城市:<select name="city">
        <option value="cd">成都</option>
        <option value="heb">哈尔冰</option>
        <option value="nj">南京</option>
        <option value="zz" selectedpwgenderd>郑州</option>
    </select>
    <hr>
<!--   submit提交按钮reset重置按钮，不是清空！button普通按钮，后期结合JS使用 -->
    <input type="submit" value="点我提交">
    <input type="reset" value="点我重置">
    <input type="button" value="普通按钮">
    <button>我是按钮</button>
</form>
</body>
</html>